.datarel, .datagrid{
    font-size:11px;
}
.datarel a, .datagrid a{
    text-decoration:none;
}
.datarel .alert, .datagrid .alert{
    background:#FFF3F3;
    border:solid 1px #FF0000;
}
.datarel td.alert-red, .datagrid td.alert-red{
    background:#FFF3F3 url(../images/layout/ico-alert-red.gif) no-repeat center left;
    padding-left:20px;
}

.datarel td.alert-green, .datagrid td.alert-green{
    background:#66FF99;
}

div.list{
    width:660px;
    border-collapse:collapse;
    background:#fff;
}
.datarel{
    width:100%;
    padding:0;margin:0;
    border-collapse:collapse;
}

.datarel th, .datarel td{
    border:solid 1px #84B3D7;
    font-size:11px;
    text-align:left!important;
    padding:2px;


}

.datarel thead td{
    background:#fff!important;
}

.datarel  thead{
    background:#E8F1F8;
    color:#84B3D7;
    text-transform:uppercase;
    font-size:10px!important;
}
.datarel thead a{
    text-decoration:none;
    color:#84B3D7;
    width:90%;
    display:block;
    text-align:center;
}

.datarel tbody td a.edit, .datarel tbody td a.excl,
.datagrid tbody td a.edit, .datagrid tbody td a.excl{
    padding:2px 0 2px 25px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}
.datarel tbody td a.edit span, .datarel tbody td a.excl span,
.datagrid tbody td a.edit span, .datagrid tbody td a.excl span{
    width:25px;
    height:14px;
    display:block;
    cursor:pointer;
    margin-top:-10px;
}
.datarel tbody td a.edit,.datagrid tbody td a.edit{
    background:url(../images/layout/ico-et.gif) no-repeat left center;
    margin-top:-3px;
}

.datarel tbody td a.excl, .datagrid tbody td a.excl{
    background:url(../images/layout/ico-excl.gif) no-repeat left center;
}

.datarel tbody td.destaque{
    background:#E8F1F8;
}

.datagrid{
    width:100%;
    padding:0;margin:0;
    border-collapse:collapse;
    border-top:1px solid #c6d5e1;
    border-left:1px solid #c6d5e1
}

.datagrid tr th{
    color:black;
    background:#E8F1F8;
    text-transform:uppercase;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    vertical-align: middle;
    text-align:center;


}

.datagrid tr th a{
    color:blue;
    text-decoration:none;

}

.datagrid tr td, .datagrid tr th {
    padding:3px;
    height:10px;
    border-bottom:1px solid #c6d5e1;
    border-right:1px solid #c6d5e1;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    vertical-align: middle;

}

.datagrid tr td input{
    width:90%;
}

.datagrid tr.alt td{
    background: #ecf6fc;
}
.datagrid tr.over td{
    background: #bcd4ec;
}

.paginateButtons{
    margin-top:10px;
}

.paginateButtons a, .paginateButtons .currentStep{
    font-size:9px;
    background:#E8F1F8;
    border:solid 1px #84B3D7;
    text-decoration:none;
    padding:3px;
    margin-right:5px;
}
.paginateButtons .currentStep{
    font-weight:bold;
}

.space-me-8 {

    height:  8px;

}

.space-me {

    height:  20px;

}

h1  {
   
    
    font-size:14px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase; 
    text-align: center;
    vertical-align: middle;
    line-height:150%;

 

}

 



